<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的收藏</title>
    <link rel="stylesheet" href="shoucang.css">
</head>

<body>
    <div class="header">
        <a href="wode.html" class="back">返回</a>
        <span class="title">我的收藏</span>
    </div>

    <div class="tab-container">
        <div class="tab active" id="store-tab">店铺</div>
        <div class="tab" id="product-tab">商品</div>
    </div>

    <div class="main-content" id="store-content">
        <img src="images/wu.png" alt="空收藏" class="empty-image">
        <p class="empty-text">您还没有收藏相关内容~</p>
        <button class="btn">再去逛逛</button>
    </div>

    <div class="main-content hidden" id="product-content">
        <img src="images/cart.png" alt="空商品" class="empty-image">
        <p class="empty-text">暂无商品收藏~</p>
        <button class="btn">再去逛逛</button>
    </div>

    <script src="shoucang.js"></script>
</body>

</html>